@import './reset.styl'
@import './iconfont.css'
@import './base.styl'
@import './media.styl'

.home-title
  text-align: center;
  font-size: 20px;
  color: #4D555D;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 1px;
  .title-icon
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 36px;
    background: url('https://www.imooc.com/static/img/index/icon.png');
    background-size: cover;
    &.left-icon
      margin-right: 20px;
    &.right-icon
      margin-left: 20px;
.course-search-text
  color #f01414;
  height  48px
  margin-top: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  word-break: break-all;
  multline-ellipsis(2);
.question-search-text
  margin-bottom: 4px;
  font-size: 16px;
  color: #1fad4e;
  font-weight: 700;
  line-height: 24px;
  cursor: pointer;
  &:hover
    color: #1fad4e;
.consult-search-text
  line-height: 40px;
  font-size: 16px;
  color: #f01414;
  font-weight: 700;
